<?php
require_once("funcionesBase.php");
$tabla=$_POST['ta'];
?>
	
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="tituloModal">
			<span class="glyphicon glyphicon-file"></span>
			Nueva columna
        </h4>
    </div>
      

    <div class="modal-body">
	
    	<div class="alert alert-info alert-dismissable">
			<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			<strong>
            	[<IMG SRC="img/img_info.png">Información ]
            </strong>
			En esta sección puedes agregar una nueva columna.
		</div>



	<table class="table table-striped table-hover table-bordered table-condensed">
    	<tr>
			<th>Nombre de columna</th>
			<th>Tipo</th>
			<th>Longitud</th>
			<th>Clave primaria</th>
			<th>AutoIncrement</th>
        </tr>

		<tr>
        	<td>				
				<div class="form-group">	
					<div class="col-lg-14">
                    	
						<input type="text" class="form-control" id="nombre" required >
                        
					</div>
				</div>
			</td>
            <td>
            	<div class="form-group">	
					<div class="col-lg-14">
						<select class="form-control" id="tipo" >
							<option value="INT">ENTERO</option>
							<option value="VARCHAR">TEXTO</option>	
							<option value="DATE">FECHA</option>	
							<option value="FLOAT">FLOTANTE</option>
	  						<option value="BOOLEAN">BOLEANO</option>
						</select>
					</div>
				</div>
			</td>

			<td>
            	<div class="form-group">
                	<div class="col-lg-14">
                    	<input type="text" class="form-control" id="longitud" disabled>
					</div>
				</div>
			</td>
					
			<td class="tdCentrado" >
				<label class="checkbox-inline ">
                	<input type="checkbox" id="clave">
				</label>
			</td>
			
            <td class="tdCentrado" >
				<label class="checkbox-inline ">
    
                <?php
					
					echo '<input type="checkbox" id="auto"';
					if( existeAutoIncrement ( $tabla ) != "0" )
						{
							echo ' disabled';
						}		
					echo '>';
				?>
	
    			</label>
			</td>
		</tr>
	</table>
	</div>


    <div class="modal-footer ">
    	<button type="button" class="btn btn-success" id="btn_ConfirmaNuevaCol">
        	<span class="glyphicon glyphicon-ok"></span>
			Aceptar
        </button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">
        	<span class="glyphicon glyphicon-remove"></span>
            Cancelar
        </button>
    </div>
      
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>	
	function valida() {
		if( $( "#tipo" ).val() != "VARCHAR" )
		{	 
		 	$("#longitud").attr("disabled", true);
			
		}
		else 
		{			
			$("#longitud").removeAttr("disabled");	
		}
		
		if( $( "#tipo" ).val() != "INT" )
		{
			$("#auto").attr("disabled", true);
			}
		else
		{
			$("#auto").removeAttr("disabled");
			}
		
		
		if( $( "#tipo" ).val() == "BOOLEAN" )
		{
			$("#clave").attr("disabled", true);
			}
		else
		{
			$("#clave").removeAttr("disabled");
			}
		
	}
	 
	 function valida2() {
		if(  $( "#auto" ).prop( "checked" )   )
		{	 
		 	$("#clave").attr("checked", true);
		}		
		
	}
	
	$( "#tipo" ).change(valida);
	$( "#auto" ).change(valida2);
	
	
	$( "#btn_ConfirmaNuevaCol" ).mouseup(function() {
		<?php
		
		echo '
		var $ta= "'.$tabla.'";
		';
		
		?>
		var $co= $ ("#nombre").val();
		var $ti= $ ("#tipo").val();
		var $lo= $ ("#longitud").val();
		var $ex= $ ("#auto").prop( "checked" );
		var $pr= $ ("#clave").prop( "checked" );
		
		
	$( "#cuerpoNuevaTabla" ).load("nuColumna2.php", { ta : $ta, co: $co, ti: $ti, lo:$lo, ex:$ex, pr:$pr });

	});	
</script>
    